<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="home.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <style type="text/css">
        .gallery-top {
      height: 80%;
      width: 60%;
    }
    .swiper-container2 {
      width: 100%;
      position: relative;
      margin-bottom: 30px;
      overflow: hidden;
    }
    .swiper-container2 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


    .fixedmeau{ }
    .fixedmeau li{ width: 30px; height: 30px;line-height: 30px; text-align: center; cursor: pointer;}
    .fixedmeau li+li{border-top: 1px solid #ececec;}
    .fixedmeau span{display: none;}
    .fixedmeau .active{background: white; color: darkred;font-weight: 700}
    .fixedmeau li:hover span{display: block; font-size: 12px; background: darkred!important; color: white!important;}
    .fixedmeau li:hover i{display: none!important;}


    .swiper-container2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(images/rr.png);
    right: 10px;
    left: auto;}
    .swiper-container2 .swiper-button-next  {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(images/ll.png);
    left: 10px;
    right: auto;
}
 .swiper-container2 .swiper-button-prev  {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}



    </style>
</head>

<body>
<div class="swiperWrap">
    <img src="images/close.png" class="close">
    <div class="swiper-container gallery-top">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-white"></div>
    <div class="swiper-button-prev swiper-button-white"></div>
  </div>
  <div class="swiper-container gallery-thumbs">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
    </div>
  </div>
</div>    



<div class="swiperWrap2">
    <img src="images/close.png" class="close2 close">
    <div class="swiper-container gallery-top">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-white"></div>
    <div class="swiper-button-prev swiper-button-white"></div>
  </div>
  <div class="swiper-container gallery-thumbs">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product.png)"></div>
      <div class="swiper-slide" style="background-image:url(./images/product_2.png)"></div>
    </div>
  </div>
</div>  
    <!-- pc_header -->
    
<div class="pc_header">
<div class="pc_nav clearfix max1600">
	<a href="" class="logo">
		<img src="images/logo.png" alt="">
	</a>
	<ul>
		<li class="on"><a href='index.html'>SEARCH CARS</a></li>
		<li><a href='carlist.html'>SELL/TRADE</a></li>
		<li class='nav-has-sub'><a href='#'>FLNANCLNG</a>
		  <ul>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
		  </ul>
	   	</li>
		<li><a href='#'>CAR FINDER</a></li>
	</ul>
	<div class="rt">
		<select name="" id="">
			<option value='' disabled selected style='display:none;'> HOW  IT WORKS</option>  
			<option value='0'>Open when powered (most valves do this)</option>  
			<option value='1'>Closed when powered, auto-opens when power is cut</option>  
		</select>
		<a href="" class="button"><img src="images/login.png" alt=""></a>
	</div>
</div>
</div>
<!-- pag_ban -->
	
<!-- m_header -->
<div class="m_header">
	<div class="header-section">
        <div class="logo"><a href="#"><img src="./images/logo.png" alt=""></a></div>
        <a href="javascript:;" class="nav-icon" id="navToggle">
            <i><span></span></i>
            <i><span></span></i>
            <i><span></span></i>
        </a>
    </div>
	<nav class="m-navbar" id="navbar">
        <div class="logo">
		<a href="#" class="logoimg"><img src="./images/logo.png" alt=""></a>
		<a href="javascript:;" class="nav-icon" id="closed">
			<i><span></span></i>
			<i><span></span></i>
		</a>
		</div>
		<ul class="m_navul" data-in="fadeInDown" data-out="fadeOutUp">
			<li class="active">
				<a href="javascript:void(0)">首页</a>
			</li>
			<li class="dropdown">
				<a href="javascript:void(0)">
					业务体系
				</a>
				<div class="dropdown_menu">
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
				</div>
			</li>
			<li class="dropdown">
				<a href="javascript:void(0)">直营园</a>
				<div class="dropdown_menu">
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
				</div>
			</li>
			<li>
				<a href="javascript:void(0)">行知资讯</a>
			</li>
			<li>
				<a href="javascript:void(0)">关于我们</a>
			</li>
			<li>
				<a href="javascript:void(0)">联系合作</a>
			</li>
		</ul>

    </nav>
	
</div>

<!--     <div class="fixedmeau">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </div> -->
<!-- m_header -->
    <div id="main" class="louceng_box">
        <!-- 商品信息 -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8">
                    <div class="carousel slide" id="carousel-example-generic" data-ride="carousel" data-interval="1500">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        </ol>
                        <div class="carousel-inner " id="hxp_lunbo">
                            <div class="item active">
                                <a href="javascript:;" title="" class="linke pull-left linke2"></a>
                                <img src="./images/1.0.png" class="img-rounded pull-left">
                                <div class="clearfix"></div>
                            </div>
                            <div class="item">
                                <a href="javascript:;" title="" class="linke pull-left linke2"></a>
                                <img src="./images/1.0.png" class="img-rounded pull-left">
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <a class="left carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="goods-info">
                        <h1>2019 HYUNDAI SANTA FE</h1>
                        <div class="line"></div>
                        <div class="cost">$37,590</div>
                        <div class="prompt">LX SportUtility 4D | 17,451 miles</div>
                        <div class="row">
                            <div class="col-md-6 col-xs-6">
                                <div class="exhibit rnone">
                                    <img src="./images/product.png" alt="" class="img-rounded">
                                    <div class="img-box">
                                        <div>
                                            <div class="pull-left mr-t">
                                                <i class="icon-x"></i>
                                            </div>
                                            <div class=" pull-left">Features</div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="button">
                                        <button class="btn btn-default">VIEW 360°</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-6">
                                <div class="exhibit rnone">
                                    <img src="./images/product_2.png" alt="" class="img-rounded">
                                    <div class="img-box">
                                        <div>
                                            <div class="pull-left mr-t">
                                                <i class="icon-x"></i>
                                            </div>
                                            <div class="pull-left">Imperfections</div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>

                                    <div class="button2">
                                        <button class="btn btn-primary">GET STARTED</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
        <!-- 列 -->
        <div class="container box">
            <div class="row">
                <div class="col-md-4"><a href="javascript:;" title="" class="s_1">VEHICLE DETAILS</a> </div>
                <div class="col-md-4"><a href=javascript:;" title="" class="s_2">MAKE IT YOURS</a></div>
                <div class="col-md-4"><a href="javascript:;" title="" class="s_3">150POINT INSPECTION</a></div>
            </div>
        </div>
        <div class="container-fluid fixedbox">
             <div class="container box">
            <div class="row fixedmeau">
                <div class="col-md-4"><a href="javscript:;" title="" class="fsw">VEHICLE DETAILS</a> </div>
                <div class="col-md-4"><a href="javscript:;" title=""  class="fsw">MAKE IT YOURS</a></div>
                <div class="col-md-4"><a href="javscript:;" title=""  class="fsw">150POINT INSPECTION</a></div>
            </div>
        </div>
        </div>
        <div class="container-fluid Show shows" style="background-color: #fff;">
            <div style="position: relative;padding-top: 2px;">
                <div class="fadenima"></div>
                <div class="juzhon">
                    <div class="row">
                        <div class="col-md-6">
                            <div>
                                <div class="pull-left">
                                    <i class="link-c"></i>
                                </div>
                                <div calss="pull-left">
                                    <span><em>17</em> people Have Saved</span>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div>
                                <div class="pull-left">
                                    <i class="link-1"></i>
                                </div>
                                <div class="pull-left">
                                    <span><em>17</em> people Have Saved</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="swiper-container2">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                            <img src="images/product.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                             <img src="images/product_2.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                            <img src="images/product.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                             <img src="images/product_2.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                            <img src="images/product.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                             <img src="images/product_2.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                            <img src="images/product.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                             <img src="images/product_2.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                            <img src="images/product.png" class="simg">
                      </div>
                      <div class="swiper-slide">
                             <img src="images/product_2.png" class="simg">
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
            <div class="container" style="padding-top: 30px;">
                <div class="row center-block">
                    <div class="col-md-4">
                        <div class="address">
                            <img src="./images/yuan.png" alt="">
                            <p>DELIVERY & PICKUP OPTIONS</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="itme">
                            <div>
                                <div class="name">13:42:28</div>
                                <div class="tip">Hrs Min Sec</div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="right-text">
                            <img src="./images/qitian.png" alt="">
                            <div>Each vehicle comes with our 7-Day Return Policy</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <p class="font-text fs1">Purchase before this time and get it deliverd
            by:</p>
        <div class="bottom-tip">
            WED.JUN.24TH
        </div>
        <div class="bottom-line"></div>
        <!-- -------------- -->
        <div class="main-title louceng">
            <h1>VEHICLE DETAILS</h1>
        </div>
        <div class="bottom-tip">
            HIGHLIGHTS
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-xs-6">
                    <div class="text-content">
                        <div class="images">
                            <img src="./images/che.png" alt="">
                        </div>

                        <h1>ACCIDENT FREE</h1>
                        <p>Like every Teda vehiclw,this vehicle has never been in a reported accident. </p>
                    </div>

                </div>
                <div calss="col-md-6 col-xs-6">
                    <div class="text-content">
                        <div class="images">
                            <img src="./images/biao.png" alt="" class=" img-circle" style="height: 80px;">
                        </div>

                        <h1>LOWER MILEAGE</h1>
                        <p>Want a vehicle with littli wear and tear?This

                            ride’s one! Its mileage is amongst the lowerst

                            15% on Tedafor its model year.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- ------------- -->
        <div class="container neion">
            <div class="center-block tab">
                <ul class="nav nav-tabs ">
                    <li role="presentation" class="active pa cli"><a href="javascript:;">FEATURES</a><i class="part"></i> </li>
                    <li role="presentation" class="cli pa"><a href="javascript:;">WARRANTY</a> <i class="part"></i></li>
                </ul>
            </div>
            <div class="row list painner">
                <div class="col-md-6">
                    <ul class="list">
                        <li>
                            <div class="pull-left title">Engine Type</div>
                            <div class="pull-left text">4-Cyl,Tubo,GDl,2.0 liter</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Interior Color</div>
                            <div class="pull-left text">Black</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Drivetrain</div>
                            <div class="pull-left text">FWD</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Number of Keys</div>
                            <div class="pull-left text">2</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Stock#</div>
                            <div class="pull-left text">2512111</div>
                            <div class="clearfix"></div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <ul class="list">
                        <li>
                            <div class="pull-left title">Exterior Cplor</div>
                            <div class="pull-left text">White</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Transmission</div>
                            <div class="pull-left text">Automatix,8-spd w/Shiftronic</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Doors</div>
                            <div class="pull-left text">4 Door SUV</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">VIN</div>
                            <div class="pull-left text">5nms</div>
                            <div class="clearfix"></div>
                        </li>
                        <li>
                            <div class="pull-left title">Vehicle</div>
                            <div class="pull-left text">159863</div>
                            <div class="clearfix"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="painner pi2" style="display: none;">
               <div class="piw1">
                 Please nite that the Manufacturess Basic Warranty 100 Day /4,189mile
               </div>
               <div class="piw2">
                 <img src="images/1597636372(1).jpg">
                 <span>Have you heard?Every vehicle in Teda inventory comes with a <font>100 Day / 4189 mile</font> Limited Warranty</span>
               </div>
               <div class="piw2" style="margin-bottom: 0">
                 <img src="images/1597636427(1).jpg">
                 <span>Please note thar the<font>Manufacturere basic warranty</font> on thi vehicle is expercted to expire in<font>29 mo /47,000 ml</font></span>
               </div>
            </div>
        </div>
        <!-- ---------------- -->
        <div class="container hidemoreDiv" style="text-align: center;">
            <div class="list-itme row">
                <div class="title  col-md-4">BRAKING <br>
                    & TRACTION</div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>ABS(4-Wheel)</span></li>
                        <li><span>Hill Start Assist Control</span></li>
                    </ul>
                </div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>Electronic Stability Control</span> </li>
                        <li><span>Traction Control</span></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="list-itme row">
                <div class="title  col-md-4">COMFORT AND <br>
                    CONVENIENCE</div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>Air Conditioning</span> </li>
                        <li><span>Keyless Entry</span></li>
                        <li><span>Power Windows</span></li>
                    </ul>
                </div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>Alarm System</span></li>
                        <li><span>Power Door Locks</span></li>
                        <li><span>Cruise Control</span></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="list-itme row">
                <div class="title  col-md-4">ENTERTAINMENT AND <br>
                    INSTRUMENTATION</div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>Air Conditioning</span></li>
                        <li><span>Keyless Entry</span></li>
                        <li><span>Power Windows</span></li>
                    </ul>
                </div>
                <div class="text  col-md-4 col-xs-6">
                    <ul>
                        <li><span>Alarm System</span></li>
                        <li><span>Power Door Locks</span></li>
                        <li><span>Cruise Control</span></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="container hidemoreDiv">
            <div class="title-name tt">
                <h1>SHOW ALL</h1>
            </div>
            <div class="moreContent">
              <div class="moreContentInnerLeft">
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
              </div>
              <div class="moreContentInnerLeft">
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Power heated outside mirrors integated Led turn signal</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Tilt and telescoping steering column</span>
                </div>
                <div class="moreInner">
                  <span class="circ"></span>
                  <span>Welcome lighting on front door handles</span>
                </div>
              </div>
            </div>
            <div class="title-name title-colse">
                <h1 style="position: relative;">SHOW FEWER
                  <img src="images/1597666725(1).jpg">
                </h1>
            </div>
            <p class="text-p">plese Note: The equipment listed above is the configuration of the vehicle originally
                sold.Items such as XM and other
                service subsriptions,original tires,and removable accessories(sucn as cargo nets) are unlikely to still
                be on the vehicle.</p>
        </div>
        <div class="container-fluid louceng fs2" style="background-color: #f4f8fa;padding-bottom: 20px;">
            <div class="container">
                <div class="satisfaction">
                    <div class="title">MAKE IT YOURS</div>
                    <div class="row">
                        <div class="col-md-8">
                            <ul class="nav nav-tabs ">
                                <li role="presentation" class="c_li active paw"><a href="javascript:;">FEATURES</a><i class="part"></i>
                                </li>
                                <li role="presentation" class="c_li paw"><a href="javascript:;">WARRANTY</a> <i class="part"></i></li>
                            </ul>
                            <!-- ----------- -->
                            <div class="pii">
                            <div class="left-content">
                                <div class="row">
                                    <div class="col-md-4 ">
                                        <div class="btn-group Tab-box">
                                            <button type="button" class="btn btn-default dropdown-toggle"
                                                data-toggle="dropdown">
                                                <div class="gray">LENGTH OF LOAN</div>
                                                <div>72 Months </div>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu d1" role="menu">
                                                <li><a href="javascript:;">72 MONTHS</a>
                                                  <img src="images/12.png" class="dimg">
                                                </li>
                                                <li><a href="javascript:;">71 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">70 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">69 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">68 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">67 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                 <li><a href="javascript:;">66 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">65 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">64 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                 <li><a href="javascript:;">63 MONTHS<img src="images/12.png" class="dimg"></a></li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="btn-group Tab-box">
                                            <button type="button" class="btn btn-default dropdown-toggle"
                                                data-toggle="dropdown">
                                                <div class="gray">RAEDIT SCORE</div>
                                                <div>72 Months </div> <span class="caret"></span>
                                            </button>
                                           <ul class="dropdown-menu d1" role="menu">
                                                <li><a href="javascript:;">72 MONTHS</a>
                                                  <img src="images/12.png" class="dimg">
                                                </li>
                                                <li><a href="javascript:;">71 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">70 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">69 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">68 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">67 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                 <li><a href="javascript:;">66 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">65 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">64 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                 <li><a href="javascript:;">63 MONTHS<img src="images/12.png" class="dimg"></a></li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="btn-group Tab-box">
                                            <button type="button" class="btn btn-default dropdown-toggle"
                                                data-toggle="dropdown">
                                                <div class="gray"> ANNUAL INCOME </div>
                                                <div>$80.000</div> <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu d1" role="menu">
                                                <li><a href="javascript:;">72 MONTHS</a>
                                                  <img src="images/12.png" class="dimg">
                                                </li>
                                                <li><a href="javascript:;">71 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">70 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">69 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">68 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                <li><a href="javascript:;">67 MONTHS</a><img src="images/12.png" class="dimg"></li>
                                                 <li><a href="javascript:;">66 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">65 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                <li><a href="javascript:;">64 MONTHS<img src="images/12.png" class="dimg"></a></li>
                                                 <li><a href="javascript:;">63 MONTHS<img src="images/12.png" class="dimg"></a></li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="Slider">
                                <div class="nav">
                                    <div class="pull-left title">MONTHLY PAYMENT</div>
                                    <div class="pull-right jiage"><em>$</em>386</div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="Slider-itme">
                                    <!-- <input type="text" class="span2" value="" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-id="GC" id="G" data-slider-tooltip="hide" data-slider-handle="round" /> -->
                                    <input type="range" name="slider-1" id="slider-1" min="1" max="1000" step="1"
                                        value="0">
                                    <!-- <div class="gradient"></div> -->
                                </div>
                            </div>
                            <div class="Slider">
                                <div class="nav">
                                    <div class="pull-left title">CASH DOWN</div>
                                    <div class="pull-right jiage"><em>$</em>386</div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="Slider-itme">
                                    <!-- <input type="text" class="span2" value="" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-id="GC" id="G" data-slider-tooltip="hide" data-slider-handle="round" /> -->
                                    <input type="range" name="slider-1" id="slider-1" min="1" max="1000" step="1"
                                        value="0">
                                    <!-- <div class="gradient"></div> -->
                                </div>
                            </div>
                            </div>
                            <div class="pii pii2" style="display: none;">
                                 <input type="text" name="" placeholder="Paying cash?Apply any Protection plans to see your total price" readonly="">
                            </div>
                            <!-- ----------- -->
                            <div class="row valy">
                                <div class="col-md-6" style="border-right: 2px solid #d2d2d2;">
                                    <h1>APPLY A TRADE -IN VALUE</h1>
                                    <div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" src="./images/$.png" alt="...">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <p>Answer a few questions about your

                                                    car and get an instant value. This only

                                                    takes 2 minutes.</p>
                                            </div>

                                        </div>
                                        <div calss="btn-box">
                                            <button class="btn btn-default">GET TRADE -IN VALUE</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h1>TEDA OFFERS FINANCING</h1>
                                    <div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" src="./images/hezuoicon.png" alt="...">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <p>Get pre-qualified for a loan in 2 minutes .

                                                    No hit to your credit score!</p>
                                            </div>

                                        </div>
                                        <div calss="btn-box">
                                            <button class="btn btn-default">GET PRE-QUALIFIED NOW</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 rl">
                            <div class="right-bg">
                                <div>
                                    <div class="pull-left left-content">
                                        <h1>$386</h1>
                                        <p>Estimated<br> Monthly Payment</p>
                                    </div>
                                    <div class="pull-left left-content">
                                        <h1>$0</h1>
                                        <p>Cash Down</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="prat"></div>
                            </div>
                            <!-- ------------ -->
                            <div class="text-list">
                                <ul>
                                    <li>
                                        <div class="pull-left title-name">VEHICIE PRICE</div>
                                        <div class="pull-right">$20.990</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">SHIPPING</div>
                                        <div class="pull-right">FREE</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">TAX,TITLE,& REG.</div>
                                        <div class="pull-right">$1.878</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">DEALER PEES</div>
                                        <div class="pull-right ">NEVER</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li class="bottom-border">
                                        <div class="pull-left title-name">CASH DOWN</div>
                                        <div class="pull-right">-$0</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li class="bottom-border">
                                        <div class="pull-left title-name teshu">
                                            <span class="pull-left">TRADE -IN CREDIT</span>
                                            <i class="pull-left"></i>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="pull-right teshu">ADD A TRADE-IN</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">APR</div>
                                        <div class="pull-right ">6.6%</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">
                                            ESTIMATED AMOUNT <br>
                                            FINANCED</div>
                                        <div class="pull-right ">$22.868</div>
                                        <div class="clearfix"></div>
                                    </li>
                                </ul>

                            </div>

                        </div>
                        <div class="col-md-4 rl" style="display: none;">
                            <div class="right-bg">
                                <div>
                                    <div class="pull-left left-content w2">
                                        <h1>$28.592</h1>
                                        <p class="mb2">Total Price</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="prat"></div>
                            </div>
                            <!-- ------------ -->
                            <div class="text-list">
                                <ul>
                                    <li>
                                        <div class="pull-left title-name">VEHICIE PRICE</div>
                                        <div class="pull-right">$20.990</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">TAX,TITLE,&REG .</div>
                                        <div class="pull-right">$0</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li class="bottom-border">
                                        <div class="pull-left title-name">DEALER FEES.</div>
                                        <div class="pull-right">NEVER</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li class="bottom-border">
                                        <div class="pull-left title-name teshu">
                                            <span class="pull-left">TRADE -IN CREDIT</span>
                                            <i class="pull-left"></i>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="pull-right teshu">ADD A TRADE-IN</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="pull-left title-name">TOTAL PRICE</div>
                                        <div class="pull-right ">$22.868</div>
                                        <div class="clearfix"></div>
                                    </li>
                                    <li>
                                        <div class="getBtn">GET START</div>
                                        <div class="clearfix"></div>
                                    </li>
                                </ul>

                            </div>

                        </div>
                    </div>
                    <div class="indie">
                        <h1 class="title-name">PROTECTION PLANS</h1>
                        <div class="clearfix"></div>
                        <div class="media pull-left">
                            <div class="media-left media-middle">
                                <a href="#">
                                    <img class="media-object" src="./images/teda.png" alt="...">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">TEDA CARE CETENDED <br> COVERAGE</h4>
                                2 Options
                            </div>
                            <div class="ptah">
                                +
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ------------- -->
        <div class="container-fluid louceng fs3">
            <div class="container">
                <div class="content-box">
                    <h1 class="title">150 point inspection</h1>
                    <p>We put every vehicle through 150 point inspection so that you can be 100% confident<br>
                        in the quality and sates of your vehicle</p>
                    <div class="left-right-content">
                        <div class="pull-left"><b>MODEL</b> 2019 Kia Sorento</div>
                        <div class="pull-right"><b>VIN </b> 5XYAHIDDNKN15655</div>
                    </div>
                </div>
                <div class="row list list-2">
                    <div class="col-md-6">
                        <ul class="list">
                            <li>
                                <div class="pull-left title">Clean History</div>
                                <div class="pull-right">
                                    <div class="pull-left carfax">View Carfax</div>
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>

                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Road Test</div>
                                <div class="pull-right">
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Under The Hood</div>
                                <div class="pull-right">
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Wheels&Breakes</div>
                                <div class="pull-right">
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Body</div>
                                <div class="pull-right">
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="list">
                            <li>
                                <div class="pull-left title">Interior</div>
                                <div class="pull-right">
                                    <div class="pull-left icon-zhenque"></div>
                                    <div class="pull-left text">Passed</div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Suspension</div>

                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Exterior Appearabce</div>
                                <div class="pull-right">
                                    <div class="pull-left text carfax"> View 4 Imperfections </div>
                                    <div class="pull-left icon-wen"></div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left title">Interior Appearance</div>
                                <div class="pull-right">
                                    <div class="pull-left text carfax">Normal Use </div>
                                    <div class="pull-left icon-wen"></div>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li>
                                <div class="pull-left carfax">SEE ENTIREL 150 POINT INSPECTION LIST </div>
                                <div class="pull-left icon-fenxiang"></div>
                                <div class="clearfix"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <p class="hint">Leran more about <span> Teda’s Reconditioning Standards</span></p>
                <div class="like-box">
                    <h1 class="title">VEHICLES YOU MIGHT LIKE</h1>
                    <ul class="row">

                        <li class="col-md-3">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-3 ">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-3 ">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-3">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        
    </div>

    <div class="container-fluid" style="background: #183558; padding: 20px 0;padding-bottom: 50px;">
            <div class="container">
                <div class="bottom-text">
                    <h1 class="title">FROM INSPECTION TO PERFECTION</h1>
                    <p>We won’t settle for less when it comes toensuring the</p>
                    <p>quality of our vehicles.Our 150point inspection is only the start.</p>
                    <ul style="margin-top: 20px;">
                        <li><span><font class="ci"></font>$1000 on average is invested to perfect vehiles.</span></li>
                        <li><span><font class="ci"></font>200 ASE Certified Mechanics.</span></li>
                        <li><span><font class="ci"></font>Only 1 out of 20 evaluated cars get approved.</span></li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- ------------ -->
        <div class="container-fluid" style="background: #00aed9;">
            <div class="container">
                <ul class="bottom-list row">
                    <li class="col-md-4">
                        <div class="w-icon">

                            <div class="images">
                                <img src="./images/sousuo.png" alt="">
                            </div>
                            <div>BACK TO SEARCH </div>
                        </div>

                    </li>
                    <li class="col-md-4">
                        <div class="w-icon" style="border-left: 2px solid #0094ca;border-right: 2px solid #0094ca">
                            <div class="images">
                                <img src="./images/qian.png" alt="">
                            </div>
                            <div> get financing</div>
                        </div>

                    </li>
                    <li class="col-md-4">
                        <div class="w-icon">
                            <div class="images">
                                <img src="./images/che.png" alt="">
                            </div>
                            <div>GET TRADE-IN VALUE</div>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
        <!-- ------------ -->
        <div class="container-fluid" style="background: #272727;padding-bottom: 15px!important">
            <div class="container">
                <div class="row text-color">
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>learn More</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>TRADE/SELL</dt>
                            <dd>Get an Offer</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>How Teda Works</dd>
                            <dd>Certified Cars</dd>
                            <dd>Referrals</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>About Us</dd>
                            <dd>Logistics Hubs</dd>
                            <dd>Customer Reviews</dd>
                            <dd>Vehicle Protection</dd>
                            <dd>Careers</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>SUPPORT</dt>
                            <dd>FAQ & Contact Us</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>partnerships@TEDA.com</dd>
                            <dd>media@TEDA.com</dd>
                            <dd>realestate@TEDA.com</dd>
                        </dl>
                    </div>
                </div>
                <div>
                    <ul class="flex footerFlex">
                        <li>
                            <a href="" title="">
                                <img src="./images/f.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/n.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/in.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/xian.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/youtube.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <ul class="flex">
                        <li>
                            <a href="" title="">SEARCH CARS</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">REFERRAL PROGRAM</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">INVESTORS</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">BLOG</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">PATENTS</a>
                        </li>
                    </ul>
                </div>
                <p class="Copyright">Copyright ©  2020 TEDA . All Rights Reserved </p>
                <div>
                    <ul class="flex">
                        <li>
                            <a href="" title="">Terms of Use and Privacy Policy  </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Financial</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Privacy Policy </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title=""> Do Not Sell My Lnfo</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Code of</a>
                            <i></i>
                        </li>
                         <li>
                            <a href="" title="">Conduct</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Accessibility </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Site Map </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    <script src="./js/jQuery_v3.5.1.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/floor.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    
</body>

</html>